﻿
*{ margin:0; padding:0;}
.main {
	margin: 50px auto 0px auto;
	width: 100%;
}
.pro-switch {	
	overflow: hidden;
	position: relative;
	width: 100%;z-index: 1;
}
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
	width: 100%;
   /* height:600px;*/
	display: block;
}
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	
}
.no-js .slides > li:first-child {
	display: block;
}
.flexslider {
	margin: 0 auto;
	position: relative;
	width: 100%;
	zoom: 1;
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.flexslider .slides {
	zoom: 1;
}
.flex-direction-nav {
*height: 0;
}
.yuandian .flex-direction-nav{display: none;}
.flex-direction-nav a {
	width: 60px;
	height: 90px;
	margin: -60px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	filter:alpha(opacity=0);
-webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {
	background-position: 0 -90px;
	right: 50px;
}
.flex-direction-nav .flex-prev {
	left: 50px;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	filter:alpha(opacity=25);
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter:alpha(opacity=25);
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter:alpha(opacity=50);
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	text-align: center;
	left:0;
	bottom:20px;
	display: none;
}
.yuandian .flex-control-nav {display: block;}
.flex-control-nav li {
	margin: 0 10px;
	display: inline-block;
	zoom: 1;
*display: inline;
}
.yuandian .flex-control-paging li a {
	background: url(../images/in_banner_ico.png) no-repeat -5px -25px;
	display:block;
	height: 14px;
	overflow: hidden;
	text-indent:-99em;
	width: 16px;
	cursor: pointer;
}
.flex-control-paging li a.flex-active {
	background-position: -5px 0;
}




/*.warp2 {
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    background-color: #231815
}

.warp2 .warp-type {
    height: 50px;
    position: relative;
    margin-bottom: 25px
}

.warp2 .warp-type p {
    font-size: 18px;
    width: 1080px;
    line-height: 50px;
    position: absolute;
    left: 50%;
    margin-left: -540px;
    z-index: 0
}

.warp2 .warp-type-list {
    float: right;
    position: absolute;
    z-index: 11;
    right: 0
}

.warp2 .warp-type-list .active {
    text-decoration: underline;
    color: #000;
    font-size: 18px
}

.warp2 .warp-type-list a {
    display: inline-block;
    margin-right: 25px;
    line-height: 50px;
    color: #888889;
    font-size: 14px
}

.warp2 .warp-type-list a:hover {
    text-decoration: underline
}

.warp2 ul li {
    width: 33.333333%;
    float: left;
    position: relative;
    overflow: hidden;
    display: block
}

.warp2 ul li img {
    width: 100%;
    height: auto;
    display: block
}

.warp2 ul li:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1)
}

.warp2 .case-summary {
    display: none;
    width: 90%;
    height: 90%;
    background: url(../images/black.png) repeat;
    top: 0;
    left: 0;
    position: absolute;
    padding: 5%
}

.warp2 .case-summary p {
    color: #f9f9f9;
    position: absolute;
    left: 0;
    font-size: 20px
}

.warp2 .case-summary span {
    font-size: 24px
}

.warp2 .case-summary .p1 {
    top: 0
}

.warp2 .case-summary .p2 {
    bottom: 0;
    font-size: 16px
}

.warp2 .case-more {
    display: block;
    width: 148px;
    height: 40px;
    margin: 100px auto;
    border: 2px solid #959595;
    text-align: center;
    line-height: 40px
}







.imgbig {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: block !important
}



@media screen and (max-width:1920px) {
	.warp2 .case-summary .p1 {
        font-size: 18px
    }
    .warp2 .case-summary .p2 {
        font-size: 14px
    }
	
	}
	
	
	
@media screen and (max-width:750px) {
	.warp2 ul li {
        width: 100%;
        float: left;
        position: relative;
        overflow: hidden
    }
	
	}*/
	
	
#product{margin-bottom:40px; margin:0 auto; width:90%; }
#lxf-box{position:relative;width:100%;/*margin:0px auto 30px;*/ margin:0}
#lxf-box a{display:block;width:100%;}
#lxf-box li{float:left; position:relative; width:33.33%; overflow:hidden}
#lxf-box li{-webkit-transition:all .7s ease-out .1s;-moz-transition:all .7s ease-out;-o-transition:all .7s ease-out .1s;transition:all .7s ease-out .1s }
#lxf-box li img{display:block; margin:0 auto; transition: all 0.25s linear 0s; -moz-transition: all 0.25s linear 0s; -webkit-transition: all 0.25s linear 0s; -ms-transition: all 0.25s linear 0s; -o-transition: all 0.25s linear 0s; width:100%;}
#lxf-box li:hover img {transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}
#lxf-box li .imgContent {
	position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:#000;
    /*opacity: 0;
	filter: "alpha(opacity=0)";*/
	display:none;
    color: #231815;
}
#lxf-box li:hover .imgContent {filter:alpha(opacity=70); opacity:0.7; display:block;}

.imgContent h4 {
	position: absolute;
    top: 5%;
    left: 7%;
    margin: 0;
    font-size: 30px;
    line-height: 25px;
	color:#fff;
	font-family:"微软雅黑";
}
.imgContent span {
	display: block;
    line-height: 50px;
    font-size: 16px;
	color:#fff;
}
.imgContent p {
	position: absolute;
    bottom: 5%;
    font-size: 16px;
    width: 100%;
    padding: 0 8%;
    line-height: 160%;
    text-align: justify;
    color: #333;
}




@media (max-width:1500px) {
	
	 #product{margin-bottom:30px}
  #lxf-box{margin:0px auto 0px;}
  .imgContent p {font-size:12px;}
  .imgContent h4 {font-size:20px;}
  .imgContent span{font-size:12px; line-height:30px;}
	
	
}

@media (max-width: 767px) {
	#lxf-box li{width:33.3333%;}

	
}

@media(max-width:640px){
	 #lxf-box li{width:50%;}

	
}




.in_kja_tbox{ width:598px;height: auto;overflow: hidden;  font-size:3.43rem;color: #222;line-height: 200%;font-family: "Microsoft YaHei UI Light"; border:#000 1px solid; margin:0 auto; margin-top:10rem; margin-bottom:10rem; text-align:center;}

.in_kjlist{ width:90%; height:auto; overflow:hidden; margin:0 auto;}
.in_kjlist ul{ margin:0px; padding:0px; list-style:none; width:120%;}
.in_kjlist ul li{ width:19.5%;  height:auto; float:left; margin-right:2%}
.in_kjlist ul li img{ width:100%; height:auto; margin-bottom:5%;}
.in_kjlist ul li p{font-size:1.7rem; color:#444;}

.in_guandian_tbox{width:360px;height: auto;overflow: hidden;  font-size:3.43rem;color: #222;line-height: 200%;font-family: "Microsoft YaHei UI Light"; border:#000 1px solid; margin:0 auto; margin-top:10rem; margin-bottom:10rem; text-align:center; }
.in_2001000box{ width:344px; height:57px; margin:0 auto; margin-top:10rem;}
.in_jianzheng_tbox{width:90%;height: auto;overflow: hidden;  font-size:4rem;color: #222;line-height: 200%;font-family: "Microsoft YaHei UI Light";  margin:0 auto; margin-top:3rem; margin-bottom:1rem; text-align:center; }
.in_jianzheng_infobox{width:70%;height: auto;overflow: hidden;  font-size:2rem;color: #222;line-height: 180%;font-family: "Microsoft YaHei";  margin:0 auto;  margin-bottom:3rem; text-align:center; }

.in_jianzheng_listbox{ width:90%; height:auto; overflow:hidden; margin:0 auto;}
.in_jianzheng_listbox ul{ margin:0px; padding:0px; list-style:none; width:110%;}
.in_jianzheng_listbox ul li{/*width:13.4%;*/  height:auto; float:left; margin-right:6%; }
.in_jianzheng_listbox ul li img{width:100%; height:auto; margin-bottom:15%;}

.in_morekh{ width:291px; height:62px; margin:0 auto; background:url(../images/in_morekhbg.jpg) no-repeat; font-size:2rem;color: #7a7a7a;line-height: 62px; text-indent:20px; margin-top:2rem;}
.in_morekh a{ width:291px; height:62px; display:block;}
.in_morekh a:hover{ width:291px; height:62px; display:block; color:#F00}

@font-face {
	font-family: 'hakuyoxingshu7000Regular';
	src: url('../webfont/7000.eot');
	src: local('hakuyoxingshu7000 Regular'), local('hakuyoxingshu7000'), url('../fonts/7000.ttf') format('truetype'), url('../fonts/7000.svg#hakuyoxingshu7000') format('svg');
}
#poem{
	 font-size:45px;
     font-family:hakuyoxingshu7000Regular;
     text-align:center;
}
#poem p{height:30px;line-height:30px;}




/*@font-face {
	font-family: 'Microsoft YaHei UI Light';
	src: url('../fonts/500.eot');
	src: local('Microsoft YaHei UI Light'), local('Microsoft YaHei UI Light'), url('../fonts/500.ttf') format('truetype'), url('../fonts/500.svg#microsoft yahei ui light') format('svg');
}*/
#poem{
	 font-size:45px;
     font-family:hakuyoxingshu7000Regular;
     text-align:center;
}
#poem p{height:30px;line-height:30px;}





#syzt{ font-family: "Microsoft YaHei UI Light";}

#mpb20{ margin-bottom:20px;}






.in_gexianbox{ width:100%; height:1px; background:#b7b7b7; margin:0 auto; margin-top:10rem; overflow:hidden; }
.in_zixun_tbox{width:90%;height: auto;overflow: hidden;  font-size:3rem;color: #222;line-height: 200%;font-family: "Microsoft YaHei UI Light"; margin:0 auto; margin-top:10rem;  text-align:center; }
.in_zixun_tbox_b{width:90%;height: auto;overflow: hidden;  font-size:3rem;color: #222;line-height: 200%;font-family: "Microsoft YaHei UI Light";  margin:0 auto;   text-align:center; }
.in_zixun_tbox_b span{ color:#F00;}
.in_zixun_telbox{width:90%;height: auto;overflow: hidden;  font-size:2.5rem;color: #444;line-height: 200%;font-family: "Microsoft YaHei UI Light";  margin:0 auto;   text-align:center;}
.in_zixun_telbox_m{width:90%;height: auto;overflow: hidden;  font-size:2.5rem;color: #444;line-height: 200%;font-family: "Microsoft YaHei UI Light";  margin:0 auto;   text-align:center; display:none;}

.in_saoyisaobox{ width:430px; height:280px; margin:0 auto;  margin-top:5rem;}
.in_saoyisaobox ul{ margin:0px; padding:0px; list-style:none; width:450px;}
.in_saoyisaobox ul li{ width:200px; height:400px; float:left; margin-right:25px;}
.in_saoyisaobox ul li img{ width:200px; height:188px; border:0px;}
.in_saoyisaobox ul li h2{ margin:0px; padding:0px; font-size:16px; margin-top:8px;}
.in_saoyisaobox ul li h3{ margin:0px; padding:0px; font-size:14px; margin-top:10px; }

.foot_t_box{ width:90%;height: 100px; overflow:hidden;   /*font-size:2rem;color: #222;line-height: 200%;font-family: "Microsoft YaHei";  margin:0 auto;  text-align:center; margin-top:0rem;*/ margin:0 auto; margin-top:2rem; }
.foot_t_box p{width:100%;  text-align:center; font-size:1.6rem; }


#in_newsalink a{ color:#333; text-decoration:none;}
#in_newsalink a:hover{ color:#F00; text-decoration:none;}


.case_show_boxa{ width:90%; height:auto; overflow:hidden; padding:5rem;  margin:0 auto; }
.case_show_boxa .left_title{ width:45%; height:auto;  float:left;}
.case_show_boxa .left_title h2{ margin:0px; padding:0px; text-align:left; font-size:2.3rem; color:#231815;}
.case_show_boxa .left_title h3{ margin:0px; padding:0px; text-align:right; font-size:2rem; color:#231815; margin-top:1rem;}
.case_show_boxa .r_show{ width:50%; height:auto;  float:right; margin-right:40px; }
.case_show_boxa .r_show p{ margin:0px; padding:0px; font-size:1.5rem; line-height: 35px; margin-bottom:3rem; height:auto; /*margin-bottom:10rem; */ color:#231815;}
.case_show_boxa .r_show .hengxianbox{ width:15%; height:0.8rem; background:#231815; margin-bottom:1rem;} 
.case_show_boxa .r_show h4{ margin:0px; padding:0px; font-size:1.5rem; line-height:2.6rem; color:#231815; }

.case_show_boxb{ width:90%; height:auto; margin:0 auto;}
.case_show_boxb img{ width:100%; height:auto; margin:0 auto; margin-bottom: 3rem; }
.case_show_boxb p{ width:60%; margin:0 auto; font-size:1.8rem; text-align:center; line-height:2.5rem; padding-top:0.6rem; padding-bottom:0.6rem;}


.about_bannerbox{ width:90%; height:auto; margin:0 auto; }
.about_bannerbox img{ width:100%; height:auto;}

.about_title_boxa{ width:90%; height:auto; margin:0 auto;  text-align:center; font-size:6rem; margin-top:5rem; color:#ff0000}
.about_title_boxb{ width:500px; height:auto; margin:0 auto;  text-align:center; font-size:3.43rem; color:#4444; border:#221815 1px solid; line-height:200%; margin-top:9rem; margin-bottom:9rem;}
.about_title_boxb_b{ width:598px; height:auto; margin:0 auto;  text-align:center; font-size:3.43rem; color:#4444; border:#221815 1px solid; line-height:200%; margin-top:9rem; margin-bottom:9rem;}
.about_title_boxb_c{ width:360px; height:auto; margin:0 auto;  text-align:center; font-size:3.43rem; color:#4444; border:#221815 1px solid; line-height:200%; margin-top:10rem; margin-bottom:9rem;}
.about_title_boxb_d{ width:470px; height:104px; margin:0 auto;  text-align:center; font-size:50px; color:#4444; border:#221815 1px solid; line-height:104px; margin-top:10rem; margin-bottom:9rem;}
.about_title_boxc{ width:840px; height:150px; margin:0 auto;  margin-top:5rem;}
.about_title_boxc ul{ margin:0px; padding:0px; list-style:none; width:1000px;}
.about_title_boxc ul li{ float:left; width:220px; height:73px;  margin-right:86px;}
.about_title_boxc ul li h2{ margin:0px; padding:0px; text-align:center; width:218px; color:#444; height:71px; border:#ff0000 2px solid; line-height:71px; font-size:40px;}
.about_title_boxc ul li h2 span{ font-weight:bold; color:#444;}
.about_title_boxc ul li h3{margin:0px; padding:0px; text-align:center; width:218px; height:71px;  font-size:23px;  margin-top:15px; color:#545454;}

.about_title_boxd{ width:90%; height:auto; margin:0 auto; text-align:center; font-size:1.7rem; margin-top:5rem; line-height:40px; margin-bottom:5rem;}
.about_title_boxd_b{ width:90%; height:auto; margin:0 auto;  font-size:1.7rem; margin-top:5rem; line-height:40px; margin-bottom:5rem;}
.about_title_boxd_b p{ width:100%; line-height:40px; font-size:1.7rem;}
.about_officeimga{ width:90%; height:auto; margin:0 auto; overflow:hidden;}
.about_officeimga ul{ margin:0px; padding:0px; list-style:none; width:130%;}
.about_officeimga ul li{ float:left; width:17.8%; height:auto;  margin-right:2%;}
.about_officeimga ul li img{ width:100%;}
.about_teamimg{ width:90%; height:auto; margin:0 auto; overflow:hidden;}
.about_teamimg ul{ margin:0px; padding:0px; list-style:none;  width:110%;}
.about_teamimg ul li{ float:left; width:13.5%; height:370px; background:#231815;margin-right:2%;}
.about_teamimg ul li img{ width:100%; height:auto; margin-bottom:10px;}
.about_teamimg ul li h2{ margin:0px; padding:0px; font-size:18px; line-height:30px;}

.about_jiangico{ width:90%; height:auto; margin:0 auto; overflow:hidden; margin-top:5rem; }
.about_jiangico img{ width:100%; height:auto;}
.about_jianglist{ width:90%; height:auto; overflow:hidden; margin:0 auto;  margin-top:5rem; }
.about_jianglist ul{ margin:0px; padding:0px; list-style:none;}
.about_jianglist ul li{ float:left; width:25%; font-size:1.7rem; margin-bottom:1rem;}

.youshi_gongju{ width:90%; height:auto; overflow:hidden; margin:0 auto;}
.youshi_gongju img{ width:100%; height:auto;}

.news_listbox{ width:70%; height:auto; overflow:hidden; margin:0 auto; margin-top:5rem; }
.news_listbox ul{ margin:0px; padding:0px; list-style:none;}
.news_listbox ul li{ width:100%; height:auto; overflow:hidden; border-bottom:#CCC 1px solid;}
.news_listbox ul li img{ width:43%; float:right; padding-top:5rem; padding-bottom:5rem;}
.news_listbox ul li .r_txtbox{ width:55%; float:left; height:auto; overflow:hidden; margin-top:5rem; padding-bottom:3rem;}
.news_listbox ul li .r_txtbox h2{ margin:0px; padding:0px; font-size:2rem; font-weight:bold;}
.news_listbox ul li .r_txtbox h3{ margin:0px; padding:0px; font-size:1.7rem; margin-top:2rem; line-height:160%;}
.news_listbox ul li .r_txtbox h4{ margin:0px; padding:0px; font-size:1.5rem; margin-top:2rem;}


.news_show_abox{ width:90%; height:auto; overflow:hidden; margin:0 auto; border-top:#CCC 1px solid; margin-top:5rem; }
.news_show_abox h2{ margin:0px; padding:0px; text-align:center; margin-top:4rem; font-size:3rem;}
.news_show_abox h3{ margin:0px; padding:0px; text-align:center; margin-top:1rem; font-size:1.5rem; color:#666;}
.news_show_abox h4{ margin:0px; padding:0px; margin-top:50px; font-size:1.8rem; line-height:180%; color:#666;}
.news_show_abox h4 p{ margin:0px; padding:0px;}
.news_show_abox h4 p img{  margin-top:3rem; margin-bottom:3rem;}

.contact_abox{ width:90%; height:auto; overflow:hidden; margin:0 auto;  margin-top:5rem;} 
.contact_abox .left_txtbox{ width:50%; height:auto; overflow:hidden; float:left; margin-left:15rem; }
.contact_abox .left_txtbox p{ margin:0px; padding:0px; font-size:1.7rem; line-height:180%; margin-bottom:3rem; }
.contact_abox .r_txtbox{ width:30%; height:auto; overflow:hidden; float:right; }
.contact_abox .r_txtbox p{ margin:0px; padding:0px; font-size:1.7rem; line-height:180%; margin-bottom:3rem; }
.contact_abox .r_txtbox .saomiaobox{ width:500px; height:300px; }
.contact_abox .r_txtbox .saomiaobox ul{ margin:0px; padding:0px; list-style:none;}
.contact_abox .r_txtbox .saomiaobox ul li{ float:left; width:200px; height:300px; margin-right:20px; }
.contact_abox .r_txtbox .saomiaobox ul li h2{ margin:0px; padding:0px; font-size:14px; margin-top:10px;}




.page{ width:100%; height:50px; margin:0 auto;color:#999; font-size:14px; text-align:center; margin-top:30px;  }
.page ul{ margin:0px; padding:0px; float:right;}
.page a{ display:inline-block; margin-left:5px; margin-right:5px; color:#7F7F7F;  }
.page a:hover { color:#F60;}
.dagnqian_16{ width:37px; height:37px; background:#F00; float:left; font-family:"微软雅黑"; line-height:37px; color:#231815; }
.qitabox_16{ width:35px; height:35px;  float:left; font-family:"微软雅黑"; line-height:37px; color:#231815; border-bottom:#ededed 1px solid; border-left:#ededed 1px solid; border-right:#ededed 1px solid; border-top:#ededed 1px solid; }
.zongshu_16{ width:80px; height:37px; float:left;  font-family:"微软雅黑"; font-size:16px; line-height:37px; text-align:left; }
.liangdian_16{ width:37px; height:37px; float:right; color:#333; font-family:"微软雅黑"; font-size:18px;}
.syy_16{width:67px; height:37px; background:#231815; border-bottom:#ededed 1px solid; border-left:#ededed 1px solid; border-right:#ededed 1px solid; border-top:#ededed 1px solid; line-height:37px; }

.news16show_ud{ width:90%; height:60px; margin:0 auto; font-family:"微软雅黑"; font-size:14px; line-height:24px;}

@media (max-width: 1024px) {
.case_show_boxa{ width:90%; height:auto; overflow:hidden; padding:1rem;  margin:0 auto; margin-bottom:3rem;}
.case_show_boxa .left_title{ width:100%; height:auto;  float:none;}
.case_show_boxa .left_title h2{ margin:0px; padding:0px; text-align:left; font-size:2.3rem; color:#231815;}
.case_show_boxa .r_show{ width:100%; height:auto;  float:none; margin-right:0px; }
.case_show_boxa .r_show p{ margin:0px; padding:0px; font-size:1.5rem; line-height:2.6rem; margin-bottom:3rem; height:auto; /*margin-bottom:10rem;*/  color:#231815;}
	
}



@media (max-width: 768px) {	

.in_zixun_telbox{width:90%;height: auto;overflow: hidden;  font-size:2rem;color: #444;line-height: 200%;font-family: "Microsoft YaHei UI Light";  margin:0 auto;   text-align:center; display:none;}
.in_zixun_telbox_m{width:90%;height: auto;overflow: hidden;  font-size:3rem;color: #444;line-height: 200%;font-family: "Microsoft YaHei UI Light";  margin:0 auto;   text-align:center; display:block; }
.in_jianzheng_listbox{ width:90%; height:auto; overflow:hidden; margin:0 auto;}
.in_jianzheng_listbox ul{ margin:0px; padding:0px; list-style:none; width:110%;}
.in_jianzheng_listbox ul li{width:28%;  height:auto; float:left; margin-right:2%; }
.in_jianzheng_listbox ul li img{width:100%; height:auto; margin-bottom:15%;}
.in_jianzheng_infobox{width:90%;height: auto;overflow: hidden;  font-size:1.8rem;color: #222;line-height: 180%;font-family: "Microsoft YaHei";  margin:0 auto;  margin-bottom:3rem; text-align:left; }
.in_2001000box{ width:300px; height:auto; margin:0 auto; margin-top:5rem;}
.in_2001000box img{ width:300px; height:auto;}

.in_kjlist{ width:90%; height:auto; overflow:hidden; margin:0 auto;}
.in_kjlist ul{ margin:0px; padding:0px; list-style:none; width:120%;}
.in_kjlist ul li{ width:40%;  height:auto; float:left; margin-right:3%; margin-bottom:1.5rem;}
.in_kjlist ul li img{ width:100%; height:auto; margin-bottom:5%;}
.in_kjlist ul li p{font-size:2rem; color:#444;}

.about_officeimga{ width:90%; height:auto; margin:0 auto; overflow:hidden;}
.about_officeimga ul{ margin:0px; padding:0px; list-style:none; width:130%;}
.about_officeimga ul li{ float:left; width:40%; height:auto;  margin-right:2%; margin-bottom:1.5rem;}
.about_officeimga ul li img{ width:100%;}

.about_title_boxb_d{ width:370px; height:50px; margin:0 auto;  text-align:center; font-size:30px; color:#4444; border:#221815 1px solid; line-height:50px; margin-top:3rem; margin-bottom:2rem;}
.about_teamimg{ width:90%; height:auto; margin:0 auto; overflow:hidden;}
.about_teamimg ul{ margin:0px; padding:0px; list-style:none;  width:110%;}
.about_teamimg ul li{ float:left; width:22%; height:230px;  margin-right:2%; }
.about_teamimg ul li img{ width:100%; height:auto; margin-bottom:10px;}
.about_teamimg ul li h2{ margin:0px; padding:0px; font-size:1.3rem; line-height:24px;}

.about_title_boxb{ width:50%; height:80px; margin:0 auto;  text-align:center; font-size:26px; color:#4444; border:#221815 1px solid; line-height:80px; margin-top:3rem; margin-bottom:3rem;}
.about_title_boxb_b{ width:65%; height:80px; margin:0 auto;  text-align:center; font-size:26px; color:#4444; border:#221815 1px solid; line-height:80px;  margin-top:3rem; margin-bottom:3rem;}	
.about_title_boxb_c{ width:50%; height:80px; margin:0 auto;  text-align:center; font-size:26px; color:#4444; border:#221815 1px solid; line-height:80px; margin-top:3rem; margin-bottom:4rem;}

.news_listbox{ width:90%; height:auto; overflow:hidden; margin:0 auto; margin-top:5rem; }
.news_listbox ul{ margin:0px; padding:0px; list-style:none;}
.news_listbox ul li{ width:100%; height:auto; overflow:hidden; border-bottom:#CCC 1px solid;}
.news_listbox ul li img{ width:100%; padding-top:3rem; padding-bottom:0rem; }
.news_listbox ul li .r_txtbox{ width:100%;  height:auto; overflow:hidden; margin-top:1.5rem; padding-bottom:2rem;}
.news_listbox ul li .r_txtbox h2{ margin:0px; padding:0px; font-size:2rem; font-weight:bold;}
.news_listbox ul li .r_txtbox h3{ margin:0px; padding:0px; font-size:1.7rem; margin-top:2rem; line-height:160%;}
.news_listbox ul li .r_txtbox h4{ margin:0px; padding:0px; font-size:1.5rem; margin-top:2rem;}

.contact_abox{ width:90%; height:auto; overflow:hidden; margin:0 auto;  margin-top:5rem;} 
.contact_abox .left_txtbox{ width:100%; height:auto; overflow:hidden; float:none;  margin-left:0rem; }
.contact_abox .left_txtbox p{ margin:0px; padding:0px; font-size:1.7rem; line-height:180%; margin-bottom:3rem; }
.contact_abox .r_txtbox{ width:100%; height:auto; overflow:hidden; float:none; }
.contact_abox .r_txtbox p{ margin:0px; padding:0px; font-size:1.7rem; line-height:180%; margin-bottom:3rem; }
.contact_abox .r_txtbox .saomiaobox{ width:100%; height:300px; }
.contact_abox .r_txtbox .saomiaobox ul{ margin:0px; padding:0px; list-style:none; width:110%; }
.contact_abox .r_txtbox .saomiaobox ul li{ float:left; width:45%; height:auto; margin-right:5%; }
.contact_abox .r_txtbox .saomiaobox ul li img{ width:100%;}
.contact_abox .r_txtbox .saomiaobox ul li h2{ margin:0px; padding:0px; font-size:14px; margin-top:10px;}

.case_show_boxa{ width:90%; height:auto; overflow:hidden; padding:1rem;  margin:0 auto; margin-bottom:3rem;}
.case_show_boxa .left_title{ width:100%; height:auto;  float:none;}
.case_show_boxa .left_title h2{ margin:0px; padding:0px; text-align:left; font-size:2.3rem; color:#231815;}
.case_show_boxa .r_show{ width:100%; height:auto;  float:none; margin-right:0px; }
.case_show_boxa .r_show p{ margin:0px; padding:0px; font-size:1.5rem; line-height:2.6rem; margin-bottom:3rem; height:auto; /*margin-bottom:10rem;*/  color:#231815;}


}


@media(max-width:640px){
	
	 .in_kja_tbox{ width:90%; font-size:1.7rem;color: #222; margin-top:0rem; margin-bottom:2rem;}
	 .in_kjlist{ width:90%; height:auto; overflow:hidden; margin:0 auto;}
	 .in_kjlist ul{ margin:0px; padding:0px; list-style:none; width:120%;}
	 .in_kjlist ul li{ width:40%;  height:auto; float:left; margin-right:3%; margin-bottom:1.5rem;}
	 .in_kjlist ul li img{ width:100%; height:auto; margin-bottom:5%;}
	 .in_kjlist ul li p{font-size:1.5rem; color:#444;}
	 .in_guandian_tbox{width:60%;height: auto;overflow: hidden;  font-size:1.7rem;color: #222;line-height: 200%;font-family: "Microsoft YaHei UI Light"; border:#000 1px solid; margin:0 auto; margin-top:0rem; margin-bottom:1rem; text-align:center; }
	 .in_2001000box{ width:300px; height:auto; margin:0 auto; margin-top:1rem;}
	 .in_2001000box img{ width:300px; height:auto;}
	.in_jianzheng_tbox{width:90%;height: auto;overflow: hidden;  font-size:2.9rem;color: #222;line-height: 160%;font-family: "Microsoft YaHei UI Light";  margin:0 auto; margin-top:3rem; margin-bottom:1rem; text-align:center; }
	.in_jianzheng_infobox{width:90%;height: auto;overflow: hidden;  font-size:1.8rem;color: #222;line-height: 180%;font-family: "Microsoft YaHei";  margin:0 auto;  margin-bottom:3rem; text-align:left; }
.in_jianzheng_listbox{ width:90%; height:auto; overflow:hidden; margin:0 auto;}
.in_jianzheng_listbox ul{ margin:0px; padding:0px; list-style:none; width:110%;}
.in_jianzheng_listbox ul li{width:28%;  height:auto; float:left; margin-right:2.1%; }
.in_jianzheng_listbox ul li img{width:100%; height:auto; margin-bottom:15%;}

.in_zixun_tbox{width:90%;height: auto;overflow: hidden;  font-size:2.3rem;color: #222;line-height: 200%;font-family:Microsoft YaHei UI Light; margin:0 auto; margin-top:10rem;  text-align:left; }
.in_zixun_tbox_b{width:90%;height: auto;overflow: hidden;  font-size:2.3rem;color: #222;line-height: 200%;font-family: "Microsoft YaHei UI Light";  margin:0 auto;   text-align:left; }
.in_zixun_tbox_b span{ color:#F00;}
.in_zixun_telbox{width:90%;height: auto;overflow: hidden;  font-size:2rem;color: #444;line-height: 200%;font-family: "Microsoft YaHei UI Light";  margin:0 auto;   text-align:center; display:none;}
.in_zixun_telbox_m{width:90%;height: auto;overflow: hidden;  font-size:2rem;color: #444;line-height: 200%;font-family: "Microsoft YaHei UI Light";  margin:0 auto;   text-align:left; display:block; }

.in_saoyisaobox{ width:90%; height:330px; margin:0 auto;  margin-top:5rem; }
.in_saoyisaobox ul{ margin:0px; padding:0px; list-style:none; width:110%;}
.in_saoyisaobox ul li{ width:45%; height:auto; float:left; margin-right:1rem;}
.in_saoyisaobox ul li img{ width:100%; height:auto; border:0px;}
.in_saoyisaobox ul li h2{ margin:0px; padding:0px; font-size:16px; margin-top:8px;}
.in_saoyisaobox ul li h3{ margin:0px; padding:0px; font-size:14px; margin-top:10px; }

.about_officeimga{ width:90%; height:auto; margin:0 auto; overflow:hidden;}
.about_officeimga ul{ margin:0px; padding:0px; list-style:none; width:130%;}
.about_officeimga ul li{ float:left; width:40%; height:auto;  margin-right:2%; margin-bottom:1.5rem;}
.about_officeimga ul li img{ width:100%;}

.about_teamimg{ width:90%; height:auto; margin:0 auto; overflow:hidden;}
.about_teamimg ul{ margin:0px; padding:0px; list-style:none;  width:110%;}
.about_teamimg ul li{ float:left; width:22%; height:230px;  margin-right:2%; }
.about_teamimg ul li img{ width:100%; height:auto; margin-bottom:10px;}
.about_teamimg ul li h2{ margin:0px; padding:0px; font-size:1.3rem; line-height:24px;}

.about_title_boxb_d{ width:370px; height:50px; margin:0 auto;  text-align:center; font-size:30px; color:#4444; border:#221815 1px solid; line-height:50px; margin-top:3rem; margin-bottom:2rem;}

.about_jianglist{ width:90%; height:auto; overflow:hidden; margin:0 auto;  margin-top:5rem; }
.about_jianglist ul{ margin:0px; padding:0px; list-style:none;}
.about_jianglist ul li{ float:left; width:48%; font-size:1.4rem; margin-bottom:1rem; margin-right:2%}

.about_title_boxb{ width:60%; height:80px; margin:0 auto;  text-align:center; font-size:26px; color:#4444; border:#221815 1px solid; line-height:80px; margin-top:3rem; margin-bottom:3rem;}
.about_title_boxb_b{ width:80%; height:80px; margin:0 auto;  text-align:center; font-size:26px; color:#4444; border:#221815 1px solid; line-height:80px;  margin-top:3rem; margin-bottom:3rem;}

.case_show_boxa{ width:90%; height:auto; overflow:hidden; padding:2rem;  margin:0 auto; margin-bottom:3rem;}
.case_show_boxa .left_title{ width:100%; height:auto;  float:none;}
.case_show_boxa .left_title h2{ margin:0px; padding:0px; text-align:left; font-size:2.3rem; color:#231815;}
.case_show_boxa .r_show{ width:100%; height:auto;  float:none; margin-right:0px; }
.case_show_boxa .r_show p{ margin:0px; padding:0px; font-size:1.5rem; line-height:2.6rem; margin-bottom:3rem; height:auto; /*margin-bottom:10rem; */ color:#231815;}
}


@media (max-width: 460px) {
	
.about_teamimg{ width:90%; height:auto; margin:0 auto; overflow:hidden;}
.about_teamimg ul{ margin:0px; padding:0px; list-style:none;  width:110%;}
.about_teamimg ul li{ float:left; width:45%; height:auto;  margin-right:2%;  margin-bottom:2rem; }
.about_teamimg ul li img{ width:100%; height:auto; margin-bottom:10px;}
.about_teamimg ul li h2{ margin:0px; padding:0px; font-size:1.5rem; line-height:24px;}
.about_title_boxb_d{ width:90%; height:50px; margin:0 auto;  text-align:center; font-size:30px; color:#4444; border:#221815 1px solid; line-height:50px; margin-top:3rem; margin-bottom:2rem;}	
	
.about_title_boxb{ width:90%; height:80px; margin:0 auto;  text-align:center; font-size:26px; color:#4444; border:#221815 1px solid; line-height:80px; margin-top:3rem; margin-bottom:3rem;}	
.about_title_boxb_b{ width:90%; height:104px; margin:0 auto;  text-align:center; font-size:26px; color:#4444; border:#221815 1px solid; line-height:42px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; margin-top:3rem; margin-bottom:3rem;}	
.about_title_boxb_c{ width:90%; height:80px; margin:0 auto;  text-align:center; font-size:26px; color:#4444; border:#221815 1px solid; line-height:80px; margin-top:3rem; margin-bottom:2rem;}
.youshi_gongju{ width:90%; height:auto; overflow:hidden; margin:0 auto; }
.youshi_gongju img{ width:100%; height:auto;}	

.news_listbox{ width:90%; height:auto; overflow:hidden; margin:0 auto; margin-top:5rem; }
.news_listbox ul{ margin:0px; padding:0px; list-style:none;}
.news_listbox ul li{ width:100%; height:auto; overflow:hidden; border-bottom:#CCC 1px solid;}
.news_listbox ul li img{ width:100%; padding-top:3rem; padding-bottom:0rem; }
.news_listbox ul li .r_txtbox{ width:100%;  height:auto; overflow:hidden; margin-top:1.5rem; padding-bottom:2rem;}
.news_listbox ul li .r_txtbox h2{ margin:0px; padding:0px; font-size:2rem; font-weight:bold;}
.news_listbox ul li .r_txtbox h3{ margin:0px; padding:0px; font-size:1.7rem; margin-top:2rem; line-height:160%;}
.news_listbox ul li .r_txtbox h4{ margin:0px; padding:0px; font-size:1.5rem; margin-top:2rem;}


.contact_abox{ width:90%; height:auto; overflow:hidden; margin:0 auto;  margin-top:5rem;} 
.contact_abox .left_txtbox{ width:100%; height:auto; overflow:hidden; float:none;  margin-left:0rem; }
.contact_abox .left_txtbox p{ margin:0px; padding:0px; font-size:1.7rem; line-height:180%; margin-bottom:3rem; }
.contact_abox .r_txtbox{ width:100%; height:auto; overflow:hidden; float:none; }
.contact_abox .r_txtbox p{ margin:0px; padding:0px; font-size:1.7rem; line-height:180%; margin-bottom:3rem; }
.contact_abox .r_txtbox .saomiaobox{ width:100%; height:300px; }
.contact_abox .r_txtbox .saomiaobox ul{ margin:0px; padding:0px; list-style:none;}
.contact_abox .r_txtbox .saomiaobox ul li{ float:left; width:45%; height:300px; margin-right:15px; }
.contact_abox .r_txtbox .saomiaobox ul li img{ width:100%;}
.contact_abox .r_txtbox .saomiaobox ul li h2{ margin:0px; padding:0px; font-size:14px; margin-top:10px;}

	.in_saoyisaobox{ width:90%; height:220px; margin:0 auto;  margin-top:5rem; margin-bottom:3rem; }
.in_saoyisaobox ul{ margin:0px; padding:0px; list-style:none; width:110%;}
.in_saoyisaobox ul li{ width:45%; height:auto; float:left; margin-right:1rem;}
.in_saoyisaobox ul li img{ width:100%; height:auto; border:0px;}
.in_saoyisaobox ul li h2{ margin:0px; padding:0px; font-size:16px; margin-top:8px;}
.in_saoyisaobox ul li h3{ margin:0px; padding:0px; font-size:14px; margin-top:10px; }

.case_show_boxa{ width:90%; height:auto; overflow:hidden; padding:1rem;  margin:0 auto; margin-bottom:3rem;}
.case_show_boxa .left_title{ width:100%; height:auto;  float:none;}
.case_show_boxa .left_title h2{ margin:0px; padding:0px; text-align:left; font-size:2.3rem; color:#231815;}
.case_show_boxa .r_show{ width:100%; height:auto;  float:none; margin-right:0px; }
.case_show_boxa .r_show p{ margin:0px; padding:0px; font-size:1.5rem; line-height:2.6rem; margin-bottom:3rem; height:auto; /*margin-bottom:10rem;*/  color:#231815;}
	
	}


@media (max-width: 320px) {
.case_show_boxa{ width:90%; height:auto; overflow:hidden; padding:1rem;  margin:0 auto; margin-bottom:3rem;}
.case_show_boxa .left_title{ width:100%; height:auto;  float:none;}
.case_show_boxa .left_title h2{ margin:0px; padding:0px; text-align:left; font-size:2.3rem; color:#231815;}
.case_show_boxa .r_show{ width:100%; height:auto;  float:none; margin-right:0px; }
.case_show_boxa .r_show p{ margin:0px; padding:0px; font-size:1.5rem; line-height:2.6rem; margin-bottom:3rem; height:auto; /*margin-bottom:10rem; */ color:#231815;}
	
}

/* 返回顶部 */
.go-top{position: fixed;bottom: 40px;right: 10px;width: 46px;z-index: 999;}
.go-top a{display: block;width: 46px;height: 46px;margin-bottom: 10px;background-image: url(../images/go-top.png);}
.go-top a:last-child{margin-bottom: 0;}
.go-top .go{background-position: 0 -150px;}
.go-top .go:hover{background-position: 0 -250px;}
.go-top .feedback{background-position: 0 -100px;}
.go-top .feedback:hover{background-position: 0 -300px;}
.go-top .uc-2vm{background-position: 0 0;}
.go-top .uc-2vm:hover{background-position: 0 -350px;}
/*
.go-top .share{background-position: 0 -50px;}
.go-top .share:hover{background-position: 0 -200px;}
*/
.go-top .uc-2vm-pop{
	position: absolute;right: 60px;top: -100px;
	width: 240px;box-shadow: 0px 1px 4px rgba(0,0,0,.1);
	background: #231815;
}
.go-top .uc-2vm-pop .title-2wm{font-size: 14px; margin: 10px 20px;}
.go-top .uc-2vm-pop .logo-2wm-box{position: relative;}











/* 推荐位*/

.tuijian{
    width:90%;
    margin:0 auto;
    padding: 3rem 0;
    overflow: hidden;

}

.tuijian h5{
    width: 100%;
    font-size:1.5rem;
    color:#666;
    float: left;
    margin-bottom:1.5rem;
}
.tuijian ul{
    width:25%;
    margin:0 auto;
    float: left;
    padding:0 3px; 

}
.tuijian ul li{
    width: 100%;
    margin-bottom:10px;
    font-size: 1.5rem;
    list-style-type: none;
}

.tuijian ul li a{
    text-decoration:none;
    color:#666;
}

.tuijian ul li a img{
    overflow: hidden;
    width: 100%;
    border: 0 none;
}
.tuijian ul li a p{
    width: 100%;
    line-height: 1.5rem;
}
.tuijian .pic{
    position: relative;
    overflow: hidden;
}
.tuijian .pic .txt{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url(https://www.lookpack.cn/skin/lookpack/images/mask-h1-1.png);
    padding: 0px 10px;
}
.tuijian .pic .txt h4{
    line-height: 25px;
    color: #fff;
}